<template>
	<view class="app">
		<view class="">
			<view class="" v-for="(item, index) in 8" :key="index">
				<text>疫情防控彰显大国精神</text>
				<text>1988年2月4日</text>
				<text>科局：政研办公室</text>
			</view>
		</view>
		<view class="">
			<view class="loading-text">{{ loadingText }}</view>
		</view>
		<view class="app-fiexd">
			<navigator hover-class="none"  url="/pages/mingyifany/mingyifany"><image src="https://gnzxwylz.xlygrcw.com/upload/GNZX/home/8.png" mode="widthFix"></image></navigator>
		</view>
		<!-- <view class="mark">
			<text>功能维护中，敬请期待......</text>
		</view> -->
	</view>
</template>

<script>
export default {
	data() {
		return {
			page: 1,
			pageSize: 10,
			loadingText: '到底了......'
		};
	},
	components: {},
	onLoad() {},
	onReachBottom: function() {
		this.page++;
		console.log(this.page);
	},
	methods: {}
};
</script>

<style lang="scss">
.app {
	padding: 0 50upx;
	border-top: 1px solid #eee;
	.mark{
		position: fixed;
		z-index: 2;
		background-color: rgba($color: #000000, $alpha: 1);
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		text{
			color: #fff;
		}
	}
	> view {
		&:nth-child(1) {
			view {
				padding: 40upx 0;
				border-bottom: 1px solid #eee;
				text {
					display: block;
					&:nth-child(1) {
						font-size: 32upx;
						font-family: PingFang SC;
						font-weight: bold;
						color: #333333;
						line-height: 60upx;
					}
					&:nth-child(2) {
						padding: 10upx 0;
						font-size: 24upx;
						font-family: PingFang SC;
						font-weight: 400;
						color: #999999;
					}
					&:nth-child(3) {
						font-size: 24upx;
						font-family: PingFang SC;
						font-weight: 400;
						color: #c8000b;
					}
				}
			}
		}
	}
	.app-fiexd {
		position: fixed;
		top: 500upx;
		right: 50upx;
		z-index: 1;
		image {
			width: 160upx;
		}
	}
}
</style>
